<!doctype html>
<html lang="en">
<head>
<style type="text/css">
body {
  font-family: Courier;
  max-width: 800px;
  margin: 0 auto;
  padding: 0 1em;
}

label {
  display: block;
  margin-top: 1em;
}

label > input {
  margin-left: 1em;
}

.grid {
  margin-top: 1em;
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: 50% 50%;
}

.grid video {
  width: 100%;
  margin: auto 0;
}

.grid canvas {
  margin: auto auto;
  max-width: 100%;
}
</style>
<meta charset="utf-8">
<title>node-webrtc Example</title>
<body>
<h1>node-webrtc examples</h1>
<ul>
  <li><a href="/audio-video-loopback/index.html">audio-video-loopback
  <li><a href="/ping-pong/index.html">ping-pong
  <li><a href="/pitch-detector/index.html">pitch-detector
  <li><a href="/datachannel-buffer-limits/index.html">datachannel-buffer-limits
  <li><a href="/sine-wave/index.html">sine-wave
  <li><a href="/sine-wave-stereo/index.html">sine-wave-stereo
  <li><a href="/video-compositing/index.html">video-compositing
  <li><a href="/record-audio-video-stream/index.html">record-audio-video-stream
  <li><a href="/broadcaster/index.html">broadcaster</a> &amp; <a href="/viewer/index.html">viewer
<script src="index.js"></script>
